ES6 模块化
- 如果只是输出一个唯一的对象,使用 export default 即可
- 如果想要输出许多个对象,就不能用 default 了,且 import 时候要加{...}
Export 关键字
模块是独立的文件,该文件内部的所有的变量外部都无法获取。如果希望获取某个变量,必须通过 export 输出,
//使用export default时,对应的import语句不需要使用大括号,一个模块只能有一个默认输出。
export default var a = 100;
//不使用export default时,对应的import语句需要使用大括号,一个模块可以有多个默认输出。
export function foo {
console.log('util1-foo');
}
Import 关键字
export 定义了模块的对外接口后,其他 JS 文件就可以通过 import 来加载这个模块。
// 只导入一个
import {sum} from "./example.js"
// 导入多个
import {sum,multiply,time} from "./exportExample.js"
// 导入一整个模块
import * as example from "./exportExample.js"